<template>
  <div class="container">
    <BackTitle size="30px"></BackTitle>
    <form action="">
      <div>
        <h2 class='font'>账号</h2>
        <input type="text" name="账号" class='input' v-model="$store.state.login_account">
      </div>
      <div>
        <h2 class='font'>密码</h2>
        <input type="text" name="密码" class='input' v-model="$store.state.login_password">
      </div>
<!--      <TextInput name="账号"></TextInput>-->
<!--      <TextInput name="密码"></TextInput>-->
      <BackButton></BackButton>
    </form>
  </div>
</template>

<script>
import BackTitle from './BackTitle.vue'
// import TextInput from './TextInput.vue'
import BackButton from './BackButton.vue'

export default {
  name:'BackLogin',
  components: {
    BackTitle,
    // TextInput,
    BackButton
  },

}
</script>

<style scoped>
 .container{
  /* 调整大小 */
  width: 350px;
  height: 320px;

  /* 调整位置 */
  margin:auto;
  margin-top: 10%;

  /* 调整颜色 */
  background-color: #FFFFFF;

  /* 调整圆角 */
  border-radius: 10px;
 }

 .font{
   font-size: 15px;
   font-family: "黑体";
   margin-left: 43px;
 }
 .input{
   border-radius: 5px;
   border:none;
   background-color: #E8F0FE;
   width: 250px;
   height: 25px;
   margin-left: 43px;

 }

</style>
